<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <meta name="format-detection" content="address=no" />
    <meta name="format-detection" content="date=no" />
    <title>APP开发</title>
    <link rel="stylesheet" type="text/css" href="css/public.css"/>
    <link href="css/common.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
    <script src="js/common.js"></script>
	</head>
	<body class="app">
	  <header class="top">
      <nav>
        <div class="left left_close"></div>
          <div class="logo"></div>
          <a href="#"><div class="right right_close"></div></a>
      </nav>
      <ul class="open_list">
          <li><a href="index.html" class="first_a">首页</a></li>
          <li class="open_list_class">
            <a href="javascript:;" class="first first_a a_active">服务项目<em class="jt"></em></a>
            <ul class="section">
              <li><a href="family_education.html">家庭教育</a></li>
              <li><a href="train.html">校园培训</a></li>
              <li><a href="service_xwkc.html">校外课程</a></li>
              <li><a href="tech.html" class="a_active">技术支持</a></li>
            </ul>
          </li>
          <li><a href="cooperation.html" class="first_a">诚邀合作</a></li>  
          <li><a href="about_us.html" class="first_a">关于我们</a></li>
      </ul>
      <ul class="me_list">
          <li><a href="me_editor.html" class="first_a">修改信息</a></li>
          <li><a href="me_images.html" class="first_a">我的图片</a></li>
          <li><a href="login.html" class="first_a">退出登录</a></li>
      </ul>
    </header>
    <section class="app_top">
      <div>APP开发</div>
    </section>
    <section class="app_list app_list1">
      <h1>APP开发的标准流程</h1>
      <h2>standards development prpcess app</h2>
      <p>严格的项目管理流程，从<br />
项目启动——原型制作——交互设计——功能开发（客户端和服务端）<br />
——上线测试，一步步严格把控，定岗定责，保证项目的完美落地</p>
      <img src="./images/app_img1.png" alt="" />
    </section>
    <section class="app_list app_list2">
      <h1>开发的团队</h1>
      <h2>The development team</h2>
      <p>采用“解决方案经理+产品经理+项目经理+客户服务经理”3+1体系<br />
从产品功能合理性、产品流程合理性、技术合理性综合把控、<br />
最大概率保障项目质量</p>
      <img src="./images/app_img3.png" alt="" />
    </section>
    <section class="app_list app_list3">
      <h1>开发成果</h1>
      <h2>Development efforts</h2>
      <p>APP需要注重以移动互联网的思维构造流程，避免照搬传统购物模式，<br />
需要注重专而精，避免大而空，并结合互联网的特点，<br />
将个性化、场景化、社会化等融入其中</p>
      <img src="./images/app_img4.png" alt="" />
    </section>
    <section class="app_list app_list4">
      <h1>经典案例</h1>
      <h2>classic case</h2>
      <p>乐知鱼教育拥有丰富的项目开发经验，针对教育行业行业，<br />
一站式APP制作服务，为您拓展无限商机，引领移动互联新时代</p>
      <!--轮播图-->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <a href="#">
                      <div class="img">
                        <img src="images/app_swiper1.png" alt="" />
                        <p>悦悦亲子</p>
                      </div>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="#">
                      <div class="img">
                        <img src="images/app_swiper2.png" alt="" />
                        <p>名校联盟</p>
                      </div>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="#">
                      <div class="img">
                        <img src="images/app_swiper3.png" alt="" />
                        <p>丰台区少年宫</p>
                      </div>
                    </a>
                </div>
                
            </div>
        </div>
    </section>
    <footer class="bottom">
      <h1>北京乐知鱼教育科技有限公司 —— 专业的教育支持平台</h1>
      <p>地址：北京市朝阳区东四环中路195号华腾新天地大厦509室</p>
      <p>乐知鱼版权所有，京ICP备16063606号</p>
    </footer>
    <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/public.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        $(function(){
            //  图片滑屏
            var swiper = new Swiper('.swiper-container', {
              effect : 'coverflow',
              slidesPerView: 2,
              centeredSlides: true,
              autoplay: 2000,
              loop : true,
              coverflow: {
                rotate: 0,
                stretch: 0,
                depth: 100,
                modifier: 2,
                slideShadows : true
            }
          });
        });
    </script>
	</body>
</html>
